.mobile_menu {
    color:  var(--font-color);

    .mobile_nav-item {
        display: flex;
        align-items: center;
        padding:  16px 0;
        box-sizing: border-box;
        position: relative;

        .user_login {
            justify-content: flex-start;
            gap: 10px;
            svg {
                width: 18px;
            }
        }

        &.open {
            .animated-plus {
                &::before {
                    opacity: 0;
                }
            }
        }

        .animated-plus {
            position: relative;
            width: 20px;
            height: 10px;

            &::before {
                width: 10px;
                height: 2px;
                opacity: 1;
            }

            &::after {
                width: 2px;
                height: 10px;
            }

            &::before,
            &::after {
                position: absolute;
                content: "";
                top: 50%;
                left: 74%;
                transform: translate(-50%, -50%) rotate(-90deg);
                background-color: var(--font-color);
            }
        }
    }
    ul {
        li {
            border-top: 1px solid #ededed;
            a {
                flex: 1;
                display: flex;
                align-items: center;
                color: var(--font-color);
                justify-content: space-between;
                box-sizing: border-box;
                font-weight: 400;
            }

            .child_mobile_nav {
                display: none;
                font-size: 14px;
                .mobile_nav-item {
                    padding-left: 30px;
                }
                .child_mobile_nav {
                    li {
                        padding-left: 40px !important;
                    }
                }
            }
        }
    }
}

.mobile_currency-select{
    padding: 0 12px;
    border: none;
}